import { storiesOf } from '@storybook/vue'

storiesOf('复选框 Checkbox', module)
  .add('复选框', () => ({
    template: '<div class="mc">\
      <cl-checkbox>未选中</cl-checkbox>\
      <cl-checkbox disabled>禁选</cl-checkbox>\
      <cl-checkbox v-model="check1">选中</cl-checkbox>\
      <cl-checkbox v-model="check2" disabled>禁选</cl-checkbox>\
      <cl-checkbox v-model="check3" indeterminater>部分选中</cl-checkbox>\
      <cl-checkbox v-model="check4" indeterminater disabled>部分禁选</cl-checkbox>\
    </div>',
    data () {
      return {
        check1: true,
        check2: true,
        check3: false,
        check4: false
      }
    }
  }))
